import axios from 'axios'
import { getToken } from '_utils'
import router from '@/router'
import store from '@/store'
import { Message } from 'element-ui'
const request = axios.create({
  baseURL: process.env.VUE_APP_BASEURL,
  timeout: 6000
})
// 定义拦截器

request.interceptors.request.use(function (config) {
  // 请求拦截器中 请求中携带token 接口校验
  const token = getToken()
  if (token) {
    config.headers.token = token
  }
  return config
}, function (error) {
  return Promise.reject(error)
})

request.interceptors.response.use(function (res) {
  /*
    后端接口检验token 过期 返回 401
    检验没有token 返回403 （没有权限 没有登录）
  */
  switch (res.data.code) {
    case 401:
      // token过期
      store.commit('user/USER_LOGOUT')
      Message({
        type: 'error',
        message: '登录状态过期请重新登录',
        duration: 1500,
        onClose: () => {
          router.replace('/login')
        }
      })
      break
    case 403:
      // 用户未登录
      Message({
        type: 'error',
        message: '用户未登录，请登录访问',
        duration: 1500,
        onClose: () => {
          router.replace('/login')
        }
      })
      break
    default:
      break
  }
  return res
}, function (error) {
  return Promise.reject(error)
})

export default request
